<template lang="html">
  <section class="components-video-video">
    <video
      v-if="detail !== null"
      :src="detail.video_url"
      :poster="detail.thumbnail_url"
      controls
    >
    </video>
  </section>
</template>

<script>
export default {
  props: {
    detail: {
      type: Object,
    }
  },

}
</script>

<style lang="scss" scoped>
@import "../../css/config";
.components-video-video{
  width: 100%;
  height: $video-height;
  video{
    width: 100%;
    height: 100%;
  }
}
</style>
